.product-unit .btns button{padding:10px 20px;font-size:16px;cursor:pointer}
.product-unit .btns button.active{color:#4385e8}.product-unit ul{display:none}
.product-unit ul li{padding:20px 0}
.product-unit ul li:nth-of-type(2n+1){background:#eee}
.product-unit ul li:nth-of-type(2n) 
.wrap .img,.product-unit ul li:nth-of-type(2n) 
.wrap .content{float:right}
.product-unit ul.active{display:block}
.product-unit .wrap{text-align:center}
.product-unit .wrap .content,.product-unit .wrap .img{width:50%;float:left}
.product-unit .wrap .content{padding:60px 40px;box-sizing:border-box;line-height:2.4}
.product-unit .wrap .content .text{text-align:left;text-indent:2em}
.product-unit .wrap .content a{color:#409EFF}
.product-unit .wrap .content h2{margin:20px 0}
.product-unit .wrap .content p{margin:14px 0}
.product-unit .wrap .img img{width:85%;transition:transform .8s}
.product-unit li:hover .img img{transform:scale(1.1)}
@media (max-width: 996px){.product-unit .wrap .img{width:60%}
.product-unit .wrap .content{width:40%}}
@media (max-width: 768px){.product-unit .wrap .content,.product-unit .wrap .img{width:100%}
.product-unit .wrap .content{padding:0}
.product-unit .wrap .content h2,.product-unit .wrap .content p{margin:0}}
.markdown-preview{margin:0 auto;font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;line-height:2;text-align:justify}
.markdown-preview p{text-indent:2em;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 2px;
    color: #666666;
    text-indent: 40px;}
.markdown-preview li{font-size:16px}
.markdown-preview a{text-decoration:none;color:#08c}
.markdown-preview h1{text-align:center}
.markdown-preview .code-wrap{white-space:pre;font-family:Consolas;font-size:14px;background:#eee;padding-bottom:20px;margin:16px 0}
.markdown-preview .code-wrap em{color:#999}
.markdown-preview .code-wrap,.markdown-preview .notes{padding-left:10px}
.markdown-preview li{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    color: #666666;}
.markdown-preview li.list2{margin-left:40px;list-style:circle}
.markdown-preview li.list3{margin-left:60px;list-style:square}
.markdown-preview li.order{list-style:none}
.markdown-preview li.order1{font-weight:700}
.markdown-preview li.order2{margin-left:40px}
.markdown-preview li.order3{margin-left:60px}
.markdown-preview hr{margin:32px 0;height:2px;background-color:#48b378;border:none}
.markdown-preview blockquote{margin:10px 0;line-height:24px;padding-right:15px;border-left:4px solid;white-space:normal;color:#009765;font-weight:700;font-size:22px}
.markdown-preview .img-block{font-size: 0;} 
.img-block>img{position:relative;max-width:100%;left:50%;transform:translateX(-50%)}